var pt,pr,pb,pl;
sliderArr.push('paddingSlider');
var paddingSlider = function(slider)
{
    pt = slider.render({
        elem: '#pt'  //绑定元素
        ,max:20
        ,step: 1 //步长
        ,showstep: true //开启间隔点
        ,value:0
        ,change: function(value){
            json(0,value)
        }
    });
    
    pr = slider.render({
        elem: '#pr'  //绑定元素
        ,max:20
        ,step: 1 //步长
        ,showstep: true //开启间隔点
        ,value:0
        ,change: function(value){
            json(1,value)
        }
    });
    
    pb = slider.render({
        elem: '#pb'  //绑定元素
        ,max:20
        ,step: 1 //步长
        ,showstep: true //开启间隔点
        ,value:0
        ,change: function(value){
            json(2,value)
        }
    });
    
    pl = slider.render({
        elem: '#pl'  //绑定元素
        ,max:20
        ,step: 1 //步长
        ,showstep: true //开启间隔点
        ,value:0
        ,change: function(value){
            json(3,value)
        }
    });
    
    function json(key,val)
    {
        val = val / 10
        if(key == 0){
            dargObj.css({'padding-top':val+'rem'})
        } else if (key == 1){
            dargObj.css({'padding-right':val+'rem'})
        } else if (key == 2){
            dargObj.css({'padding-bottom':val+'rem'})
        } else if (key == 3){
            dargObj.css({'padding-left':val+'rem'})
        }

        var paddingJson = dargObj.attr('paddingJson').split(' ')

        paddingJson[key] = val

        dargObj.attr('paddingJson',paddingJson.join(' '))

        divTop()
    }
}

var paddingOff = function(show = '',obj = '')
{
    if(show){
        var str = $(obj).attr('marginJson')
        if(str){
            var strArr = str.split(' ')

            pt.setValue(strArr[0])
            pr.setValue(strArr[1])
            pb.setValue(strArr[2])
            pl.setValue(strArr[3])
        }
        $('.paddingHtml').show();
    }else{
        $('.paddingHtml').hide();
    }

}

